<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script>
        (function () {
            var width = window.screen.width;
            var fixedW = 660;
            var scale = width / fixedW;
            var meta = document.createElement('meta');
            meta.setAttribute('name','viewport');
            meta.setAttribute('content','width='+fixedW+',initial-scale='+scale+',maximum-scale='+scale+',user-scalable=no');
            document.head.appendChild(meta);
        })();
        document.addEventListener('touchmove',function (e) {
            //e.preventDefault();
        })
    </script>
    <title>TZ-追梦</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/cssTransform.js"></script>
    <script src="js/index3.js"></script>
</head>
<body style="height: 4000px">
    <!--头部区域-->
    <header class="header">
        <div class="headFix">
            <!--头部上-->
            <div class="hd-nav">
                <!--用户登录-->
                <div class="hd-nav-user fl hd-btn">
                    <a href="#"></a>
                </div>
                <!--用户搜索-->
                <div class="search fr hd-btn">
                    <a href="#"></a>
                </div>
                <!--省份-->
                <div class="hd-nav-province">
                    <!--logo-->
                    <div class="hd-logo fl">
                        <a href=""></a>
                    </div>
                    <!--位置-->
                    <div class="hd-location fr">
                        <a href="">
                            <span>湖南</span>
                            <i class="fr"></i>
                        </a>
                    </div>
                </div>
            </div>
            <!--头部下-->
            <div class="hd-move">
            <ul>
                <li class="active"><a href="#"><span>首页</span></a></li>
                <li><a href="#"><span>维品国际</span></a></li>
                <li><a href="#"><span>美妆</span></a></li>
                <li><a href="#"><span>男士</span></a></li>
                <li><a href="#"><span>女装</span></a></li>
                <li><a href="#"><span>鞋包</span></a></li>
                <li><a href="#"><span>运动</span></a></li>
                <li><a href="#"><span>家居家电</span></a></li>
                <li><a href="#"><span>母婴</span></a></li>
            </ul>
        </div>
        </div>
        <div class="place"></div>
    </header>

    <!--网页内容主体部分-->
    <section class="main">
        <!--轮播图区域-->
        <section class="slide">
            <ul class="clearFix">
                <li><a href="#"><img src="img/slide1.jpg" alt="" width="100%" height="100%"></a></li>
                <li><a href="#"><img src="img/slide2.jpg" alt="" width="100%" height="100%"></a></li>
                <li><a href="#"><img src="img/slide3.jpg" alt="" width="100%" height="100%"></a></li>
            </ul>
            <div class="tab">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </section>

        <section class="tip">
            <a href="#"><img src="img/tip.jpg" width="100%" height="100%" alt=""></a>
        </section>

        <!--分类导航-->
        <section class="productClass">
            <ul>
                <li><a href=""><img src="img/productClass1.jpg" alt="" width="100%" height="100%"></a></li>
                <li><a href=""><img src="img/productClass2.jpg" alt="" width="100%" height="100%"></a></li>
                <li><a href=""><img src="img/productClass3.jpg" alt="" width="100%" height="100%"></a></li>
                <li><a href=""><img src="img/productClass4.jpg" alt="" width="100%" height="100%"></a></li>
            </ul>
            <ul>
                <li><a href=""><img src="img/productClass5.jpg" alt="" width="100%" height="100%"></a></li>
                <li><a href=""><img src="img/productClass6.jpg" alt="" width="100%" height="100%"></a></li>
                <li><a href=""><img src="img/productClass7.jpg" alt="" width="100%" height="100%"></a></li>
                <li><a href=""><img src="img/productClass8.jpg" alt="" width="100%" height="100%"></a></li>
            </ul>
        </section>

        <!--新品优惠打折-->
        <section class="discount">
            <a href="#" class="title"><img src="img/discount.jpg" alt="" width="100%" height="100%"></a>
            <dl>
                <dt><a href="#"><img src="img/discount1.jpg" alt="" width="100%" height="100%"></a></dt>
                <dd>
                    <div>
                        <a href="#"><img src="img/discount2.jpg" alt="" width="100%" height="100%"></a>
                        <a href="#"><img src="img/discount3.jpg" alt="" width="100%" height="100%"></a>
                    </div>
                </dd>
            </dl>
        </section>

        <!--化妆品-->
        <section class="makeUp publicBuy">
            <a href="#" class="buy"><img src="img/makeUp.jpg" width="100%" height="100%" alt=""></a>
            <ul class="clearFix">
                <li><a href=""><img src="img/makeUp1.jpg" width="100%" height="100%" alt=""></a></li>
                <li><a href=""><img src="img/makeUp2.jpg" width="100%" height="100%" alt=""></a></li>
                <li><a href=""><img src="img/makeUp3.jpg" width="100%" height="100%" alt=""></a></li>
                <li><a href=""><img src="img/makeUp4.jpg" width="100%" height="100%" alt=""></a></li>
            </ul>
        </section>

        <!--大牌特惠-->
        <section class="cream publicBuy">
            <a href="#" class="buy"><img src="img/cream.jpg" width="100%" height="100%" alt=""></a>
            <ul class="clearFix">
                <li><a href=""><img src="img/cream1.jpg" width="100%" height="100%" alt=""></a></li>
                <li><a href=""><img src="img/cream2.jpg" width="100%" height="100%" alt=""></a></li>
                <li><a href=""><img src="img/cream3.jpg" width="100%" height="100%" alt=""></a></li>
                <li><a href=""><img src="img/cream4.jpg" width="100%" height="100%" alt=""></a></li>
            </ul>
        </section>

        <!--林志玲内衣-->
        <section class="bras">
            <a href="#" class="buy"><img src="img/bras.jpg" width="100%" height="100%" alt=""></a>
            <ul class="clearFix">
                <li><a href=""><img src="img/bras1.jpg" width="100%" height="100%" alt=""></a></li>
                <li><a href=""><img src="img/bras2.jpg" width="100%" height="100%" alt=""></a></li>
                <li><a href=""><img src="img/bras3.jpg" width="100%" height="100%" alt=""></a></li>
                <li><a href=""><img src="img/bras4.jpg" width="100%" height="100%" alt=""></a></li>
            </ul>
        </section>

        <section class="adMap">
            <a href="#"><img src="img/ad1.jpg" alt="" width="100%" height="100%"></a>
        </section>

        <!--护肤护理-->
        <section class="skin">
            <ul>
                <li><a href=""><img src="img/skin1.jpg" width="100%" height="100%" alt=""></a></li>
                <li><a href=""><img src="img/skin2.jpg" width="100%" height="100%" alt=""></a></li>
                <li><a href=""><img src="img/skin3.jpg" width="100%" height="100%" alt=""></a></li>
            </ul>
        </section>

        <!--新的发现-->
        <section class="found">
            <div class="find">
                <a href=""><img src="img/found1.gif" width="100%" height="100%"  alt=""></a>
                <a href=""><img src="img/found2.jpg" width="100%" height="100%"  alt=""></a>
                <a href=""><img src="img/found3.jpg" width="100%" height="100%"  alt=""></a>
            </div>
        </section>

        <!--热销好货-->
        <section class="hotGoodShop">
            <a href="" class="top"><img src="img/hotGoodShopTop.jpg" alt=""></a>
            <ul>
                <li><a href="#"><img src="img/hotGoodShop1.jpg" width="100%" height="100%" alt=""></a><span>羽绒服&gt;</span></li>
                <li><a href="#"><img src="img/hotGoodShop2.jpg" width="100%" height="100%" alt=""></a><span>保暖毛衣&gt;</span></li>
                <li><a href="#"><img src="img/hotGoodShop3.jpg" width="100%" height="100%" alt=""></a><span>气质大衣&gt;</span></li>
                <li><a href="#"><img src="img/hotGoodShop4.jpg" width="100%" height="100%" alt=""></a><span>连衣裙&gt;</span></li>
            </ul>
            <ul>
                <li><a href="#"><img src="img/hotGoodShop5.jpg" width="100%" height="100%" alt=""></a><span>羽绒服&gt;</span></li>
                <li><a href="#"><img src="img/hotGoodShop6.jpg" width="100%" height="100%" alt=""></a><span>保暖毛衣&gt;</span></li>
                <li><a href="#"><img src="img/hotGoodShop7.jpg" width="100%" height="100%" alt=""></a><span>气质大衣&gt;</span></li>
                <li><a href="#"><img src="img/hotGoodShop8.jpg" width="100%" height="100%" alt=""></a><span>连衣裙&gt;</span></li>
            </ul>
        </section>

        <!--app下载-->
        <section class="vipapp clearFix">
            <div class="vipBg fl"></div>
            <div class="appdownload fr">
                <a href="#" download="">下载</a>
            </div>
        </section>

        <footer class="footer">
            <div class="login clearFix">
                <div class="fl">
                    <a href="#">唯品会首页</a>
                    <a href="#">关于我们</a>
                </div>
                <div class="fr">
                    <a href="">登录</a>
                    <a href="">注册</a>
                </div>
            </div>
            <p>Copyright © 2008-2016 m.vip.com, All Rights Reserved 粤ICP备08114786号</p>
            <p><img src="img/ghs.png"  width="35" height="35" alt=""><span>粤公网安备 44010302000068号</span></p>
        </footer>
    </section>
</body>
</html>



























